<template>
  <div>
    <h2>城市界面-现存确诊-{{ cityname }}</h2>
    <div id="main2" style="width: 100%; height: 7.5rem"></div>
  </div>
</template>
<script>
import api from "../../api/index";
export default {
  props: ["cityname"],
  data() {
    return {};
  },
  mounted() {
    api.getChinaWorldData(this.cityname).then((res) => {
      console.log("---", res.data);
      let area = [];
      for (var i = 0; i < res.data.data.list.length; i++) {
        let citys = res.data.data.list[i].city;
        // console.log(citys);
        area = area.concat(citys);
        // console.log(cur);
      }
      // console.log("------1", res.data.data.list);
      // let citys = res.data.data.list[0].city;
      let arr = []; //累计
      area.forEach((ele) => {
        let obj = {};
        // obj.name = ele.name + "市";
        //名称处理-- 和地图数据对应起来
        //处理当前的ele.city的名称的最后一个标识：盟 州 区 旗  否则补字段+'市'
        // if (
        //   ele.name.indexOf("市") != -1 ||
        //   ele.name.endsWith("区") ||
        //   ele.name.endsWith("州") ||
        //   ele.name.endsWith("盟") ||
        //   ele.name.endsWith("旗")
        // ) {
        //   obj.name = ele.name;
        // } else {
        //   obj.name = ele.name + "市";
        //   if (ele.name.indexOf("锡林郭勒") != -1) {
        //     obj.name = ele.name + "盟";
        //   }
        // }
        //   var xi = arr.name;
        // var dic = xi.filter((item) => item.indexOf(xi) > -1);

        // if ((xi = !null)) {
        //   alert(dic);
        // } else {
        //   alert(arr);
        // }
        // console.log(dic);

        if (ele.mapName.indexOf("昆玉") > -1) {
          obj.name = ele.mapName + "市";
        } else {
          var str = ele.mapName.toString().replaceAll("哈密地区", "哈密市");
          obj.name = str;
          if (ele.name.indexOf("大兴安岭") != -1) {
            obj.name = ele.name + "地区";
          }
        }
        obj.value = ele.econNum;
        arr.push(obj);
      });

      console.log("处理完的数据", arr);
      this.$myChart.cityMap("main2", this.cityname, arr);
    });
  },
};
</script>
<style lang="less" scoped>
h2 {
  background-color: #3c67b2;
  text-align: center;
  color: #fff;
  line-height: 50px;
  letter-spacing: 2px;
}
#main2,
#nowMain2 {
  background: #f7f7f7;
}
</style>